草庐IT

ionic 滑动框

全部标签

javascript - 使用 $stateProvider 的 AngularJS/Ionic 路由 - Controller 不会在第二次调用状态时重新加载

原始问题我正在使用IonicFramework和AngularJS开发移动应用程序,我遇到了Controller在初始化后无法重新加载的问题。其中一个状态转换(从'app.postbox-details'到'app.audit-questions')应该将参数传递给'app.audit-questions'Controller,但此Controller不会使用新参数更新自身,因为它没有重新加载。代码示例app.js文件-配置angular.module('sf-maintenance',['ionic','starter.controllers','starter.services',

javascript - 如何在 HH :MM AM format in Ionic 中显示日期时间

我有一个日期字符串“2017-01-1910:34:36”,它来自API。我想在Ionic中以HH:MMAM格式显示它 最佳答案 要显示日期时间,您可以使用管道以angular2方式进行。Angular2提供了一个DatePipe.你可以像这样使用它:{{info.createdDate|date:"yyyy/MM/ddHH:mm:ss"}}[更新]如果你想显示为'HH:MMAM'格式,只需使用:{{info.createdDate|date:"shortTime"}}会好的。 关于ja

javascript - ionic + Genymotion : JavaScript logs

我正在尝试在Linux上使用Ionic创建一个应用程序。我使用模拟器Genymotion,因为ADB在我的电脑上不起作用(黑屏直到时间结束)。使用ionicrunandroid在Genymotion上运行应用程序没有任何问题,但我想知道如何查看JavaScript日志(我需要检查插件cordova文件有什么问题)。我试图通过浏览器查看它,但它不起作用。 最佳答案 将adb设置为genymontion的IP。运行Chrome输入此网址chrome://inspect/#devices享受吧。

javascript - 使用 Ionic 进行本地存储

我正在尝试将我的应用程序连接到本地存储,这样我就可以将数据保存在用户设备上,而不是在每次关闭应用程序时都被重置。我唯一的问题是我不知道如何将本地存储实际链接到我的对象数组。任何帮助是极大的赞赏。我添加了我认为相关的所有代码。应用程序.js//IonicStarterApp//angular.moduleisaglobalplaceforcreating,registeringandretrievingAngularmodules//'starter'isthenameofthisangularmoduleexample(alsosetinaattributeinindex.html)/

javascript - 输入文本值更改时的 ionic 触发事件

在Ionic中,如何在文本输入字段的值发生变化时捕获事件?输入框:Controller://...$scope.searchMenu=function(){alert('changed')console.log(1);};//...在文本字段中输入时没有任何反应。 最佳答案 简而言之,Ionic就是Angular,而Angular有两种通用的监视变化的方式:使用$scope.$watch:标记:和代码:$scope.$watch('search',function(oldValue,newValue){alert('changed'

javascript - phonegap + ionic 使用 Content-Security-Policy 加载 maps.googleapis.com,如何?

我尝试了很多加载谷歌地图和firebaseio的方法,但都没有成功:这就是我现在拥有的:我得到:Refusedtoloadthescript'https://maps.googleapis.com/maps/api/js?libraries=places'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'https://maps.googleapis.com/*'unsafe-inline''unsafe-eval'".Refusedtoloadthescript'https://t

javascript - 单击时向下滑动并向上滑动div

我正在使用以下代码使用js打开和关闭一个div(向上/向下滑动)我将向下滑动事件附加到按钮,将向上滑动事件附加到关闭文本。我想要的是按钮onclick打开并再次onclick关闭幻灯片元素。这是JS//slidedowneffect$(function(){$('.grabPromo').click(function(){varparent=$(this).parents('.promo');$(parent).find('.slideDown').slideDown();});$('.closeSlide').click(function(){varparent=$(this).pa

javascript - 从 ionic Controller 访问 Cordova 插件

我想使用CordovaEmailPlugin在ionic应用中。我可以在$ionicPlatform函数中访问插件,但是当我将我的代码移动到我的Controller中用于处理ng-click的函数时,它不起作用。知道我的问题是如何从Controller访问cordova插件对象??这是我在app.js中使用并运行的代码:.run(function($ionicPlatform){$ionicPlatform.ready(function(){cordova.plugins.email.isAvailable(function(isAvailable){alert('Serviceisa

javascript - 在 ionic 应用程序中发送邮件

我有一个简单的页面,其中包含3个文本框和一个这样的按钮。Sendmail帮帮我,如何在Angularjs/ionic中以第一个文本字段中的值作为主题发送邮件,其他两个作为正文发送邮件。 最佳答案 因此,基本上对您问题的评论是正确的-您不能纯粹用JavaScript执行此操作,您需要为其使用后端服务。现在,您将在sendMail函数中执行的操作是使用Angulars的$http服务调用该服务。您可以从officialdocumentation了解有关$http服务的更多信息.例如,调用看起来像这样:$http({method:'POS

javascript - Ion slide box - 如何在 ion slide 中滑动全宽 iframe 视频

在我的页面上,我有一个用于图像的ion-slide-box。由于在我的应用程序中用户将能够嵌入视频,因此我还应该将带有视频的iframe添加到同一个slider。这就是我的代码现在的样子:这是我的html:1">这只适用于图像,但是当我有视频时,如果它们占据100%的宽度,我将无法滑动它们,这是我在我的css中设置的,如果它们的宽度小于该宽度,我只能滑动它们如果我只在iframe不占用slider空间的那部分滑动它们。由于我需要让iframe占用100%的宽度,我想知道如何让它工作? 最佳答案 你试过了吗ion-slides相反?i